<template>
    <div class="data-content" style="padding: 0">
        <div v-if="corpType == '施工' || corpType == '勘察设计'" style="padding-left: 20px;">
            <table class="layui-table">
                <colgroup>
                    <col width="150">
                    <col width="200">
                    <col width="120">
                    <col width="150">
                    <col width="150">
                    <col width="150">
                </colgroup>
                <tbody>
                    <tr>
                        <th>企业名称</th>
                        <td colspan="3">{{jtProjectInfo.data.corpName}}</td>
                    </tr>
                    <tr>
                        <th>工程名称</th>
                        <td>{{jtProjectInfo.data.projectName}}</td>
                        <th>项目类型</th>
                        <td>{{jtProjectInfo.data.projectType}}</td>
                    </tr>
                    <tr>
                        <th>合同价（万元）</th>
                        <td>{{jtProjectInfo.data.contractPrice}}</td>
                        <th>结算价（万元）</th>
                        <td>{{jtProjectInfo.data.settlementPrice}}</td>
                    </tr>
                    <tr v-if="this.corpType == '勘察设计'">
                        <th>初步设计开始时间</th>
                        <td>{{jtProjectInfo.data.designStartDate}}</td>
                        <th>初步设计结束时间</th>
                        <td>{{jtProjectInfo.data.designEndDate}}</td>
                    </tr>
                    <tr v-if="this.corpType == '勘察设计'">
                        <th>初步设计批复时间</th>
                        <td>{{jtProjectInfo.data.designAllowDate}}</td>
                        <th>施工图设计开始时间</th>
                        <td>{{jtProjectInfo.data.drawingStartDate}}</td>
                    </tr>
                    <tr v-if="this.corpType == '勘察设计'">
                        <th>施工图设计结束时间</th>
                        <td>{{jtProjectInfo.data.drawingEndDate}}</td>
                        <th>施工图设计批复时间</th>
                        <td>{{jtProjectInfo.data.drawingAllowDate}}</td>
                    </tr>
                    <tr>
                        <th>技术等级</th>
                        <td>{{jtProjectInfo.data.technologyGrade}}</td>
                        <th>合同段名称</th>
                        <td>{{jtProjectInfo.data.segmentName}}</td>
                    </tr>
                    <tr>
                        <th>开工日期</th>
                        <td>{{jtProjectInfo.data.beginDate}}</td>
                        <th>交工日期</th>
                        <td>{{jtProjectInfo.data.handDate}}</td>
                    </tr>
                    <tr>
                        <th>竣工日期</th>
                        <td>{{jtProjectInfo.data.endDate}}</td>
                        <th>建设状态</th>
                        <td>{{jtProjectInfo.data.projectStatus}}</td>
                    </tr>
                    <tr>
                        <th>合同段开始桩号</th>
                        <td>{{jtProjectInfo.data.stakeStart}}</td>
                        <th>合同段结束桩号</th>
                        <td>{{jtProjectInfo.data.stakeEnd}}</td>
                    </tr>
                    <tr>
                        <th>质量评定情况</th>
                        <td>{{jtProjectInfo.data.quality}}</td>
                        <th>所在省份</th>
                        <td>{{jtProjectInfo.data.province}}</td>
                    </tr>
                    <tr>
                        <th>项目代码</th>
                        <td colspan="3" style="text-align: left">{{jtProjectInfo.data.projectCode}}</td>
                    </tr>
                    <tr v-if="this.corpType == '勘察设计'">
                        <th>主要设计内容</th>
                        <td colspan="3" style="text-align: left">{{jtProjectInfo.data.remark}}</td>
                    </tr>
                    <tr v-else>
                        <th>主要工程量</th>
                        <td colspan="3" style="text-align: left">{{jtProjectInfo.data.remark}}</td>
                    </tr>
                </tbody>
            </table>
            <div style="font-size: 15px; color: #1989fa;padding-top: 10px;">人员履约信息</div>
            <div v-if="jtProjectLvYueList.rows.length > 0">
                <div style="font-size: 15px;">
                    共查询到 <span style="color: #1989fa;">{{ jtProjectLvYueList.pageObj.countSize }}</span> 条数据，
                    当前第 <span style="color: #1989fa;">{{ jtProjectLvYueList.pageObj.curpage ? jtProjectLvYueList.pageObj.curpage:'1' }}</span> 页，
                    共计 <span style="color: #1989fa;">{{ jtProjectLvYueList.pageObj.maxPage }}</span> 页
                    <el-button type="text" @click.stop="previousPage(jtProjectLvYueList.pageObj.curpage)"> 上一页</el-button>
                    <el-button type="text" @click.stop="nextPage(jtProjectLvYueList.pageObj.curpage)"> 下一页</el-button>
                </div>
                <table class="layui-table">
                    <colgroup>
                        <col width="60">
                        <col width="200">
                        <col width="230">
                    </colgroup>
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>姓名</th>
                        <th>担任岗位或专业负责人</th>
                        <th>任职日期</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr v-for="(item, index) in jtProjectLvYueList.rows" :key="index">
                        <td>{{ (jtProjectLvYueList.pageObj.curpage - 1) * 10 + index + 1 }}</td>
                        <td>{{ item.personName }}</td>
                        <td>{{ item.achievementPosition }}</td>
                        <td>{{item.achievementStartDate}} ~ {{item.achievementEndDate}}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div v-else style="font-size: 16px;">
                未查询到数据
            </div>
        </div>
        <div v-if="corpType == '监理'" style="padding-left: 20px;">
            <table class="layui-table">
                <colgroup>
                    <col width="150">
                    <col width="200">
                    <col width="120">
                    <col width="150">
                    <col width="150">
                    <col width="150">
                </colgroup>
                <tbody>
                    <tr>
                        <th colspan="4">基本信息</th>
                    </tr>
                    <tr>
                        <th>项目名称</th>
                        <td colspan="3" style="text-align: left">{{jtProjectInfo.data.projectName}}</td>
                    </tr>
                    <tr>
                        <th>通讯地址</th>
                        <td>{{jtProjectInfo.data.address}}</td>
                        <th>公路行政等级</th>
                        <td>{{jtProjectInfo.data.projectLevelCode}}</td>
                    </tr>
                    <tr>
                        <th>建设性质</th>
                        <td>{{jtProjectInfo.data.buildType}}</td>
                        <th>资金来源</th>
                        <td>{{jtProjectInfo.data.sourcefund}}</td>
                    </tr>
                    <tr>
                        <th>项目状态</th>
                        <td>{{jtProjectInfo.data.status}}</td>
                        <th>负责人</th>
                        <td>{{jtProjectInfo.data.artificialPerson}}</td>
                    </tr>
                    <tr>
                        <th>建设单位</th>
                        <td>{{jtProjectInfo.data.projectOwner}}</td>
                        <th>建设规模</th>
                        <td>{{jtProjectInfo.data.projectSize}}</td>
                    </tr>
                    <tr>
                        <th>建设里程（公里）</th>
                        <td>{{jtProjectInfo.data.mileage}}</td>
                        <th>桥隧比例（%）</th>
                        <td>{{jtProjectInfo.data.bridge}}</td>
                    </tr>
                    <tr>
                        <th>工程概算(亿元)</th>
                        <td>{{jtProjectInfo.data.projectEstimateInvestment}}</td>
                        <th>建安费（亿元）</th>
                        <td>{{jtProjectInfo.data.bulidCost}}</td>
                    </tr>
                    <tr>
                        <th>批准工期（月）</th>
                        <td>{{jtProjectInfo.data.timeLimit}}</td>
                        <th>施工许可批准时间</th>
                        <td>{{jtProjectInfo.data.contributionPermitDate}}</td>
                    </tr>
                    <tr>
                        <th>办结质监手续时间</th>
                        <td>{{jtProjectInfo.data.zjsxDate}}</td>
                        <th>计划开工日期</th>
                        <td>{{jtProjectInfo.data.planStartDate}}</td>
                    </tr>
                    <tr>
                        <th>实际开工日期</th>
                        <td>{{jtProjectInfo.data.beginDate}}</td>
                        <th>计划交工日期</th>
                        <td>{{jtProjectInfo.data.planHandDate}}</td>
                    </tr>
                    <tr>
                        <th>计划竣工日期</th>
                        <td>{{jtProjectInfo.data.planEndDate}}</td>
                        <th>所在地区</th>
                        <td>{{jtProjectInfo.data.area}}</td>
                    </tr>
                    <tr>
                        <th>联系人</th>
                        <td>{{jtProjectInfo.data.contacts}}</td>
                        <th>联系电话</th>
                        <td>{{jtProjectInfo.data.contactstel}}</td>
                    </tr>
                </tbody>
            </table>
            <div style="padding-top: 20px;"></div>
            <table class="layui-table">
                <colgroup>
                    <col width="150">
                    <col width="200">
                    <col width="120">
                    <col width="150">
                    <col width="150">
                    <col width="150">
                </colgroup>
                <tbody>
                    <tr>
                        <th colspan="4">桥梁工程</th>
                    </tr>
                    <tr>
                        <th>特大桥数量</th>
                        <td>{{jtProjectInfo.data.llBridgeNum}}</td>
                        <th>特大桥累计长度（m）</th>
                        <td>{{jtProjectInfo.data.llBridgeLen}}</td>
                    </tr>
                    <tr>
                        <th>大桥数量</th>
                        <td>{{jtProjectInfo.data.lBridgeNum}}</td>
                        <th>大桥累计长度（m）</th>
                        <td>{{jtProjectInfo.data.lBridgeLen}}</td>
                    </tr>
                    <tr>
                        <th>中桥数量</th>
                        <td>{{jtProjectInfo.data.mBridgeNum}}</td>
                        <th>中桥累计长度（m）</th>
                        <td>{{jtProjectInfo.data.mBridgeLen}}</td>
                    </tr>
                    <tr>
                        <th>小桥数量</th>
                        <td>{{jtProjectInfo.data.sBridgeNum}}</td>
                        <th>小桥累计长度（m）</th>
                        <td>{{jtProjectInfo.data.sBridgeLen}}</td>
                    </tr>
                    <tr>
                        <th>涵洞数量</th>
                        <td>{{jtProjectInfo.data.culvertNum}}</td>
                        <th>涵洞累计长度（m）</th>
                        <td>{{jtProjectInfo.data.culvertLen}}</td>
                    </tr>
                </tbody>
            </table>

            <div style="padding-top: 20px;"></div>
            <table class="layui-table">
                <colgroup>
                    <col width="150">
                    <col width="200">
                    <col width="120">
                    <col width="150">
                    <col width="150">
                    <col width="150">
                </colgroup>
                <tbody>
                    <tr>
                        <th colspan="4">隧道工程</th>
                    </tr>
                    <tr>
                        <th>特长隧道数量</th>
                        <td>{{jtProjectInfo.data.llTunnelNum}}</td>
                        <th>特长隧道累计长度（m）</th>
                        <td>{{jtProjectInfo.data.llTunnelLen}}</td>
                    </tr>
                    <tr>
                        <th>长隧道数量</th>
                        <td>{{jtProjectInfo.data.lTunnelNum}}</td>
                        <th>长隧道累计长度（m）</th>
                        <td>{{jtProjectInfo.data.lTunnelLen}}</td>
                    </tr>
                    <tr>
                        <th>中隧道数量</th>
                        <td>{{jtProjectInfo.data.mTunnelNum}}</td>
                        <th>中隧道累计长度（m）</th>
                        <td>{{jtProjectInfo.data.mTunnelLen}}</td>
                    </tr>
                    <tr>
                        <th>短隧道数量</th>
                        <td>{{jtProjectInfo.data.sTunnelNum}}</td>
                        <th>短隧道累计长度（m）</th>
                        <td>{{jtProjectInfo.data.sTunnelLen}}</td>
                    </tr>
                </tbody>
            </table>

            <div style="padding-top: 20px;"></div>
            <table class="layui-table" v-if="jtProjectInfo.finishObj.length > 0">
                <colgroup>
                    <col width="150">
                    <col width="200">
                    <col width="120">
                    <col width="150">
                    <col width="150">
                    <col width="150">
                </colgroup>
                <tbody>
                    <tr>
                        <th colspan="3">项目交工信息</th>
                    </tr>
                    <tr>
                        <th>序号</th>
                        <th>交工日期</th>
                        <th>交工描述</th>
                    </tr>
                    <tr v-for="(finish, index) in jtProjectInfo.finishObj" :key="index">
                        <td>{{ index + 1 }}</td>
                        <td>{{finish.finishDate}}</td>
                        <td>{{finish.remark}}</td>
                    </tr>
                </tbody>
            </table>

            <div style="padding-top: 20px;"></div>
            <table class="layui-table" v-if="jtProjectInfo.completeObj.length > 0">
                <colgroup>
                    <col width="150">
                    <col width="200">
                    <col width="120">
                    <col width="150">
                    <col width="150">
                    <col width="150">
                </colgroup>
                <tbody>
                <tr>
                    <th colspan="3">项目竣工信息</th>
                </tr>
                <tr>
                    <th>序号</th>
                    <th>竣工日期</th>
                    <th>竣工鉴定结果</th>
                </tr>
                <tr v-for="(complete, index) in jtProjectInfo.completeObj" :key="index">
                    <td>{{ index + 1 }}</td>
                    <td>{{complete.finishDate}}</td>
                    <td>{{complete.result}}</td>
                </tr>
                </tbody>
            </table>

            <div style="padding-top: 20px;"></div>
            <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
                <el-tab-pane label="项目结构物信息" name="jiegou">
                    <div v-if="jtProjectJieGou.rows.length > 0">
                        <div style="font-size: 15px;">
                            共查询到 <span style="color: #1989fa;">{{ jtProjectJieGou.pageObj.countSize }}</span> 条数据，
                            当前第 <span style="color: #1989fa;">{{ jtProjectJieGou.pageObj.curpage ? jtProjectJieGou.pageObj.curpage:'1' }}</span> 页，
                            共计 <span style="color: #1989fa;">{{ jtProjectJieGou.pageObj.maxPage }}</span> 页
                            <el-button type="text" @click.stop="previousJianLiPage(jtProjectJieGou.pageObj.curpage, 'jiegou')"> 上一页</el-button>
                            <el-button type="text" @click.stop="nextJianLiPage(jtProjectJieGou.pageObj.curpage, 'jiegou')"> 下一页</el-button>
                        </div>
                        <table class="layui-table">
                            <colgroup>
                                <col width="60">
                                <col width="200">
                                <col width="120">
                                <col>
                                <col width="160">
                                <col width="160">
                            </colgroup>
                            <thead>
                            <tr>
                                <th>序号</th>
                                <th>结构物名称</th>
                                <th>项目名称</th>
                                <th>起止桩号</th>
                                <th>结构形式</th>
                                <th>长度（M）</th>
                                <th>备注</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr v-for="(item, index) in jtProjectJieGou.rows" :key="index">
                                <td>{{ (jtProjectJieGou.pageObj.curpage - 1) * 15 + index + 1 }}</td>
                                <td>{{ item.structureName }}</td>
                                <td>{{ item.projectName }}</td>
                                <td>{{ item.pileNo }}</td>
                                <td>{{ item.structureForm }}</td>
                                <td>{{ item.len }}</td>
                                <td>{{ item.remark }}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div v-else style="font-size: 16px;">
                        未查询到数据
                    </div>
                </el-tab-pane>
                <el-tab-pane label="施工合同段信息" name="shigong">
                    <div v-if="jtProjectShiGongHT.rows.length > 0">
                        <div style="font-size: 15px;">
                            共查询到 <span style="color: #1989fa;">{{ jtProjectShiGongHT.pageObj.countSize }}</span> 条数据，
                            当前第 <span style="color: #1989fa;">{{ jtProjectShiGongHT.pageObj.curpage ? jtProjectShiGongHT.pageObj.curpage:'1' }}</span> 页，
                            共计 <span style="color: #1989fa;">{{ jtProjectShiGongHT.pageObj.maxPage }}</span> 页
                            <el-button type="text" @click.stop="previousJianLiPage(jtProjectShiGongHT.pageObj.curpage, 'shigong')"> 上一页</el-button>
                            <el-button type="text" @click.stop="nextJianLiPage(jtProjectShiGongHT.pageObj.curpage, 'shigong')"> 下一页</el-button>
                        </div>
                        <table class="layui-table">
                            <colgroup>
                                <col width="60">
                                <col width="60">
                                <col width="200">
                                <col width="200">
                                <col width="80">
                                <col width="160">
                                <col width="60">
                                <col width="60">
                                <col width="60">
                                <col width="60">
                                <col width="60">
                                <col width="60">
                            </colgroup>
                            <thead>
                            <tr>
                                <th>序号</th>
                                <th>合同段</th>
                                <th>项目名称</th>
                                <th>施工单位</th>
                                <th>项目经理</th>
                                <th>起止桩号</th>
                                <th>长度<br />km</th>
                                <th>桥隧比例</th>
                                <th>合同金额<br />亿元</th>
                                <th>标底<br />亿元</th>
                                <th>变更金额<br />万元</th>
                                <th>已完成金额<br />万元</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr v-for="(item, index) in jtProjectShiGongHT.rows" :key="index">
                                <td>{{ (jtProjectShiGongHT.pageObj.curpage - 1) * 15 + index + 1 }}</td>
                                <td>{{ item.consegment }}</td>
                                <td>{{ item.projectName }}</td>
                                <td>{{ item.conunit }}</td>
                                <td>{{ item.projectManager }}</td>
                                <td>{{ item.pileNo }}</td>
                                <td>{{ item.length }}</td>
                                <td>{{ item.bridge }}</td>
                                <td>{{ item.conAmount }}</td>
                                <td>{{ item.bid }}</td>
                                <td>{{ item.changeAmount }}</td>
                                <td>{{ item.comAmount }}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div v-else style="font-size: 16px;">
                        未查询到数据
                    </div>
                </el-tab-pane>
                <el-tab-pane label="监理合同段信息" name="jianli">
                    <div v-if="jtProjectJianLiHT.rows.length > 0">
                        <div style="font-size: 15px;">
                            共查询到 <span style="color: #1989fa;">{{ jtProjectJianLiHT.pageObj.countSize }}</span> 条数据，
                            当前第 <span style="color: #1989fa;">{{ jtProjectJianLiHT.pageObj.curpage ? jtProjectJianLiHT.pageObj.curpage:'1' }}</span> 页，
                            共计 <span style="color: #1989fa;">{{ jtProjectJianLiHT.pageObj.maxPage }}</span> 页
                            <el-button type="text" @click.stop="previousJianLiPage(jtProjectJianLiHT.pageObj.curpage, 'jianli')"> 上一页</el-button>
                            <el-button type="text" @click.stop="nextJianLiPage(jtProjectJianLiHT.pageObj.curpage, 'jianli')"> 下一页</el-button>
                        </div>
                        <table class="layui-table">
                            <colgroup>
                                <col width="60">
                                <col width="120">
                                <col width="200">
                                <col width="200">
                                <col width="160">
                                <col width="160">
                                <col width="170">
                                <col width="170">
                                <col width="160">
                            </colgroup>
                            <thead>
                            <tr>
                                <th>序号</th>
                                <th>监理合同段</th>
                                <th>项目名称</th>
                                <th>所监施工合同段</th>
                                <th>监理单位</th>
                                <th>监理负责人</th>
                                <th>合同开始时间</th>
                                <th>合同结束时间</th>
                                <th>合同金额（万元）</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr v-for="(item, index) in jtProjectJianLiHT.rows" :key="index">
                                <td>{{ (jtProjectJianLiHT.pageObj.curpage - 1) * 15 + index + 1 }}</td>
                                <td>{{ item.supervisorSegment }}</td>
                                <td>{{ item.projectName }}</td>
                                <td>{{ item.consSegment }}</td>
                                <td>{{ item.supervisor }}</td>
                                <td>{{ item.personincharge }}</td>
                                <td>{{ item.begin }}</td>
                                <td>{{ item.end }}</td>
                                <td>{{ item.conAmount }}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div v-else style="font-size: 16px;">
                        未查询到数据
                    </div>
                </el-tab-pane>
                <el-tab-pane label="设计单位信息" name="sheji">
                    <div v-if="jtProjectSheJiDept.rows.length > 0">
                        <div style="font-size: 15px;">
                            共查询到 <span style="color: #1989fa;">{{ jtProjectSheJiDept.pageObj.countSize }}</span> 条数据，
                            当前第 <span style="color: #1989fa;">{{ jtProjectSheJiDept.pageObj.curpage ? jtProjectSheJiDept.pageObj.curpage:'1' }}</span> 页，
                            共计 <span style="color: #1989fa;">{{ jtProjectSheJiDept.pageObj.maxPage }}</span> 页
                            <el-button type="text" @click.stop="previousJianLiPage(jtProjectSheJiDept.pageObj.curpage, 'sheji')"> 上一页</el-button>
                            <el-button type="text" @click.stop="nextJianLiPage(jtProjectSheJiDept.pageObj.curpage, 'sheji')"> 下一页</el-button>
                        </div>
                        <table class="layui-table">
                            <colgroup>
                                <col width="60">
                                <col width="200">
                                <col width="120">
                                <col width="160">
                                <col width="160">
                            </colgroup>
                            <thead>
                            <tr>
                                <th>序号</th>
                                <th>设计单位名称</th>
                                <th>项目名称</th>
                                <th>设计负责人</th>
                                <th>起止桩号</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr v-for="(item, index) in jtProjectSheJiDept.rows" :key="index">
                                <td>{{ (jtProjectSheJiDept.pageObj.curpage - 1) * 15 + index + 1 }}</td>
                                <td>{{ item.desobjName }}</td>
                                <td>{{ item.projectName }}</td>
                                <td>{{ item.desPerson }}</td>
                                <td>{{ item.pileNo }}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div v-else style="font-size: 16px;">
                        未查询到数据
                    </div>
                </el-tab-pane>
                <el-tab-pane label="检测工地实验室" name="jiance">
                    <div v-if="jtProjectShiYanShi.rows.length > 0">
                        <div style="font-size: 15px;">
                            共查询到 <span style="color: #1989fa;">{{ jtProjectShiYanShi.pageObj.countSize }}</span> 条数据，
                            当前第 <span style="color: #1989fa;">{{ jtProjectShiYanShi.pageObj.curpage ? jtProjectShiYanShi.pageObj.curpage:'1' }}</span> 页，
                            共计 <span style="color: #1989fa;">{{ jtProjectShiYanShi.pageObj.maxPage }}</span> 页
                            <el-button type="text" @click.stop="previousJianLiPage(jtProjectShiYanShi.pageObj.curpage, 'jiance')"> 上一页</el-button>
                            <el-button type="text" @click.stop="nextJianLiPage(jtProjectShiYanShi.pageObj.curpage, 'jiance')"> 下一页</el-button>
                        </div>
                        <table class="layui-table">
                            <colgroup>
                                <col width="60">
                                <col width="120">
                                <col width="200">
                                <col width="220">
                                <col width="100">
                                <col width="100">
                                <col width="160">
                            </colgroup>
                            <thead>
                            <tr>
                                <th>序号</th>
                                <th>母体检测机构</th>
                                <th>项目名称</th>
                                <th>工地检测实验室名称</th>
                                <th>授权负责人</th>
                                <th>证书编号</th>
                                <th>服务对象</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr v-for="(item, index) in jtProjectShiYanShi.rows" :key="index">
                                <td>{{ (jtProjectShiYanShi.pageObj.curpage - 1) * 15 + index + 1 }}</td>
                                <td>{{ item.parentTestName }}</td>
                                <td>{{ item.projectName }}</td>
                                <td>{{ item.testName }}</td>
                                <td>{{ item.personinCharge }}</td>
                                <td>{{ item.certificateNo }}</td>
                                <td>{{ item.serviceObject }}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div v-else style="font-size: 16px;">
                        未查询到数据
                    </div>
                </el-tab-pane>
                <el-tab-pane label="项目分段设计信息" name="fenduan">
                    <div v-if="jtProjectFenDuan.rows.length > 0">
                        <div style="font-size: 15px;">
                            共查询到 <span style="color: #1989fa;">{{ jtProjectFenDuan.pageObj.countSize }}</span> 条数据，
                            当前第 <span style="color: #1989fa;">{{ jtProjectFenDuan.pageObj.curpage ? jtProjectFenDuan.pageObj.curpage:'1' }}</span> 页，
                            共计 <span style="color: #1989fa;">{{ jtProjectFenDuan.pageObj.maxPage }}</span> 页
                            <el-button type="text" @click.stop="previousJianLiPage(jtProjectFenDuan.pageObj.curpage, 'fenduan')"> 上一页</el-button>
                            <el-button type="text" @click.stop="nextJianLiPage(jtProjectFenDuan.pageObj.curpage, 'fenduan')"> 下一页</el-button>
                        </div>
                        <table class="layui-table">
                            <colgroup>
                                <col width="60">
                                <col width="200">
                                <col width="120">
                                <col width="160">
                                <col width="160">
                            </colgroup>
                            <thead>
                            <tr>
                                <th>序号</th>
                                <th>项目名称</th>
                                <th>起止桩号</th>
                                <th>公路技术等级</th>
                                <th>设计时速(km/h)</th>
                                <th>路基宽度(m)</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr v-for="(item, index) in jtProjectFenDuan.rows" :key="index">
                                <td>{{ (jtProjectFenDuan.pageObj.curpage - 1) * 15 + index + 1 }}</td>
                                <td>{{ item.projectName }}</td>
                                <td>{{ item.pileNo }}</td>
                                <td>{{ item.roadLevel }}</td>
                                <td>{{ item.speed }}</td>
                                <td>{{ item.roadBedWidth }}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div v-else style="font-size: 16px;">
                        未查询到数据
                    </div>
                </el-tab-pane>
            </el-tabs>
        </div>
    </div>
</template>

<script>
export default {
    props: {
        corpType: {
            type: String,
            default: "",
        },
        projectId: {
            type: String,
            default: "",
        },
        companyId: {
            type: String,
            default: "",
        },
    },
    data: () => ({
        jtProjectInfo: {data:{},finishObj:[],completeObj:[]},
        jtProjectLvYueList: {rows:[]},
        jtProjectJieGou: {rows:[]},
        jtProjectShiGongHT: {rows:[]},
        jtProjectJianLiHT: {rows:[]},
        jtProjectFenDuan: {rows:[]},
        jtProjectSheJiDept: {rows:[]},
        jtProjectShiYanShi: {rows:[]},
        activeName:'jiegou',
    }),
    methods: {
        handleClick:function(tab, event){
            if(tab.name == 'jiegou'){
                this.getJTProjectJieGou(this.projectId, 1);//获取项目结构物信息
            }else if(tab.name == 'shigong'){
                this.getJTProjectShiGongHT(this.projectId, 1);//获取项目施工合同段信息
            }else if(tab.name == 'jianli'){
                this.geJTtProjectJianLiHT(this.projectId, 1);//获取项目监理合同段信息
            }else if(tab.name == 'sheji'){
                this.getJTProjectSheJiDept(this.projectId, 1);//获取项目设计单位信息
            }else if(tab.name == 'jiance'){
                this.getJTProjectShiYanShi(this.projectId, 1);//获取项目检测工地实验室
            }else if(tab.name == 'fenduan'){
                this.getProjectFenDuan(this.jtProjectInfo.data.type, this.projectId, 1);
            }
            this.activeName = tab.name;
        },
        //业绩详情弹窗 人员履约 下一页
        nextPage: function(pageNo){
            pageNo = pageNo + 1;
            this.getJTShiGongProjectLvYueInfo(this.projectId, pageNo);//施工项目详情  人员履约列表
        },
        //业绩详情弹窗 人员履约 上一页
        previousPage: function(pageNo){
            if(pageNo > 1){
                pageNo = pageNo - 1;
            }else {
                pageNo = 1;
            }
            this.getJTShiGongProjectLvYueInfo(this.projectId, pageNo);//施工项目详情  人员履约列表
        },
        //业绩详情弹窗 标签页列表 下一页
        nextJianLiPage: function(pageNo, type){
            pageNo = pageNo + 1;
            if(type == 'jiegou'){
                this.getJTProjectJieGou(this.projectId, pageNo);//获取项目结构物信息
            }else if(type == 'shigong'){
                this.getJTProjectShiGongHT(this.projectId, pageNo);//获取项目施工合同段信息
            }else if(type == 'jianli'){
                this.geJTtProjectJianLiHT(this.projectId, pageNo);//获取项目监理合同段信息
            }else if(type == 'sheji'){
                this.getJTProjectSheJiDept(this.projectId, pageNo);//获取项目设计单位信息
            }else if(type == 'jiance'){
                this.getJTProjectShiYanShi(this.projectId, pageNo);//获取项目检测工地实验室
            }else if(type == 'fenduan'){
                this.getProjectFenDuan(this.jtProjectInfo.data.type, this.projectId, pageNo);
            }
        },
        //业绩详情弹窗 标签页列表 上一页
        previousJianLiPage: function(pageNo, type){
            if(pageNo > 1){
                pageNo = pageNo - 1;
            }else {
                pageNo = 1;
            }
            if(type == 'jiegou'){
                this.getJTProjectJieGou(this.projectId, pageNo);//获取项目结构物信息
            }else if(type == 'shigong'){
                this.getJTProjectShiGongHT(this.projectId, pageNo);//获取项目施工合同段信息
            }else if(type == 'jianli'){
                this.geJTtProjectJianLiHT(this.projectId, pageNo);//获取项目监理合同段信息
            }else if(type == 'sheji'){
                this.getJTProjectSheJiDept(this.projectId, pageNo);//获取项目设计单位信息
            }else if(type == 'jiance'){
                this.getJTProjectShiYanShi(this.projectId, pageNo);//获取项目检测工地实验室
            }else if(type == 'fenduan'){
                this.getProjectFenDuan(this.jtProjectInfo.data.type, this.projectId, pageNo);
            }
        },
        //获取交通，业绩详情
        toJTProjectInfo(projectId, companyId){
            this.activeName = 'jiegou';
            if(this.corpType == '监理'){
                this.getJTJLProjectInfo(projectId);//根据id获取监理项目信息
                this.getJTProjectJieGou(projectId, 1);//获取项目结构物信息
            }else if(this.corpType == '施工' || this.corpType == '勘察设计'){
                this.getJTShiGongProjectInfo(projectId, companyId);//根据id获取施工项目信息
                this.getJTShiGongProjectLvYueInfo(projectId, 1);//施工项目详情  人员履约列表
            }
            this.dialogjtProjectVisible = true;
        },
        // 根据id获取监理项目信息
        getJTJLProjectInfo: function (projectId) {
            var that = this;
            this.$ajax({
                type:"get",
                url: `${that.$store.state.api.searchUrl}/searchjiaotong/jiaotong/projectinfo`,
                data: {
                    proId: projectId
                },
                callback:function(data, res){
                    that.jtProjectInfo = data;
                }
            })
        },
        //获取项目结构物信息
        getJTProjectJieGou: function (projectId, pageNo) {
            var that = this;
            this.$ajax({
                type:"get",
                url: `${that.$store.state.api.searchUrl}/searchjiaotong/jiaotong/projectjiegou`,
                data: {
                    proId: projectId,
                    pageNo: pageNo,
                    pageSize:15
                },
                callback:function(data, res){
                    that.jtProjectJieGou = data;
                }
            })
        },
        //获取项目分段设计信息
        getProjectFenDuan: function (type, projectId, pageNo) {
            var that = this;
            this.$ajax({
                type:"get",
                url: `${that.$store.state.api.searchUrl}/searchjiaotong/jiaotong/projectfenduan`,
                data: {
                    proId: projectId,
                    pageNo: pageNo,
                    pageSize: 15,
                    type: type
                },
                callback:function(data, res){
                    that.jtProjectFenDuan = data;
                }
            })
        },
        //获取项目施工合同段信息
        getJTProjectShiGongHT: function (projectId, pageNo) {
            var that = this;
            this.$ajax({
                type:"get",
                url: `${that.$store.state.api.searchUrl}/searchjiaotong/jiaotong/projectshigonght`,
                data: {
                    proId: projectId,
                    pageNo: pageNo,
                    pageSize:15
                },
                callback:function(data, res){
                    that.jtProjectShiGongHT = data;
                }
            })
        },
        //获取项目监理合同段信息
        geJTtProjectJianLiHT: function (projectId, pageNo) {
            var that = this;
            this.$ajax({
                type:"get",
                url: `${that.$store.state.api.searchUrl}/searchjiaotong/jiaotong/projectjianliht`,
                data: {
                    proId: projectId,
                    pageNo: pageNo,
                    pageSize:15
                },
                callback:function(data, res){
                    that.jtProjectJianLiHT = data;
                }
            })
        },
        //获取项目设计单位信息
        getJTProjectSheJiDept: function (projectId, pageNo) {
            var that = this;
            this.$ajax({
                type:"get",
                url: `${that.$store.state.api.searchUrl}/searchjiaotong/jiaotong/projectshejidept`,
                data: {
                    proId: projectId,
                    pageNo: pageNo,
                    pageSize:15
                },
                callback:function(data, res){
                    that.jtProjectSheJiDept = data;
                }
            })
        },
        //获取项目检测工地实验室
        getJTProjectShiYanShi: function (projectId, pageNo) {
            var that = this;
            this.$ajax({
                type:"get",
                url: `${that.$store.state.api.searchUrl}/searchjiaotong/jiaotong/projectshiyanshi`,
                data: {
                    proId: projectId,
                    pageNo: pageNo,
                    pageSize:15
                },
                callback:function(data, res){
                    that.jtProjectShiYanShi = data;
                }
            })
        },
        // 根据id获取 交通 施工 项目信息
        getJTShiGongProjectInfo: function (projectId, companyId) {
            var that = this;
            this.$ajax({
                type:"get",
                url: `${that.$store.state.api.searchUrl}/searchjiaotong/jiaotong/projectshigonginfo`,
                data: {
                    proId: projectId,
                    companyId: companyId
                },
                callback:function(data, res){
                    that.jtProjectInfo = data;
                }
            })
        },
        // 根据id获取 交通 施工 项目履约人员列表
        getJTShiGongProjectLvYueInfo: function (projectId, pageNo) {
            var that = this;
            this.$ajax({
                type:"get",
                url: `${that.$store.state.api.searchUrl}/searchjiaotong/jiaotong/projectshigonglvyue`,
                data: {
                    proId: projectId,
                    pageNo: pageNo,
                    pageSize:15
                },
                callback:function(data, res){
                    that.jtProjectLvYueList = data;
                }
            })
        },
    },
    mounted() {
        this.toJTProjectInfo(this.projectId, this.companyId);
    },
    watch: {
        // 监听 addOrUpdateVisible 改变
        projectId(oldVal, newVal) {
            if(oldVal != newVal){
                this.toJTProjectInfo(this.projectId, this.companyId);
            }
        },
    },
};
</script>

<style scoped lang="scss">
.data-content {
    .datas_tab {
        display: flex;
        float: none;
        margin-left: 8px;
        margin-bottom: 4px;
        .li {
            display: block;
            float: left;
            margin-left: 8px;
            font-size: 14px;
            height: 29px;
            line-height: 29px;
            padding: 0px 2px;
            cursor: pointer;
            .val{
               font-style: italic;
                color: #348bda;
            }
        }
        .active{
            color: #fff;
    background: #348bda;
    text-decoration: none;
        }
    }
    // border-bottom: 1px solid #efefef;
    padding: 20px 15px;
    .layui-table {
        width: 100%;
        border-collapse: collapse;
    }
    .layui-table td,
    .layui-table th {
        padding: 12px 10px;
        text-align: center;
        border: 1px solid #ddd;
        font-size: 15px;
    }
    .layui-table tr th {
        background: #f9f9f9;
        color: #333;
        position: inherit;
    }
}
</style>
